<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <title>乐购商城-运营商系统</title>

    <link rel="stylesheet" type="text/css" href="../static/css/webbase.css"/>
    <link rel="stylesheet" type="text/css" href="../static/css/pages-login-manage.css"/>
</head>

<body>
<div class="loginmanage">
    <div class="py-container">
        <h4 class="manage-title">乐购商城-运营商系统</h4>
        <div class="loginform">

            <ul class="sui-nav nav-tabs tab-wraped">
                <li>
                    <a href="#index" data-toggle="tab">
                        <h3>扫描登录</h3>
                    </a>
                </li>
                <li class="active">
                    <a href="#profile" data-toggle="tab">
                        <h3>账户登录</h3>
                    </a>
                </li>
            </ul>
            <div class="tab-content tab-wraped">
                <div id="index" class="tab-pane">

                    <!--
                    <p>微信扫描登录</p>
                    <img src="erweimaServlet" />
                    -->

                    <!--生成微信登录二维码-->
                    <div id="weixin"></div>

                </div>
                <div id="profile" class="tab-pane  active">
                    <form class="sui-form">
                        <div class="input-prepend"><span class="add-on loginname"></span>
                            <input id="prependedInput" type="text" placeholder="邮箱/用户名/手机号" class="span2 input-xfat">
                        </div>
                        <div class="input-prepend"><span class="add-on loginpwd"></span>
                            <input id="prependedInput1" type="password" placeholder="请输入密码" class="span2 input-xfat">
                        </div>
                        <div class="setting">
                            <div id="slider">
                                <div id="slider_bg"></div>
                                <span id="label">>></span> <span id="labelTip">拖动滑块验证</span>
                            </div>
                        </div>
                        <div class="logined">
                            <a class="sui-btn btn-block btn-xlarge btn-danger" href="admin/index.html" target="_blank">登&nbsp;&nbsp;录</a>
                        </div>
                    </form>

                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<!--foot-->
<div class="py-container copyright">
    <ul>
        <li>关于我们</li>
        <li>联系我们</li>
        <li>联系客服</li>
        <li>商家入驻</li>
        <li>营销中心</li>
        <li>手机乐购商城</li>
        <li>销售联盟</li>
    </ul>
    <div class="address">地址：腾讯课堂拓薪教育，网站：https://tuoxin.ke.qq.com</div>
    <div class="beian">
    </div>
</div>

<script type="text/javascript" src="../static/js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../static/js/plugins/sui/sui.min.js"></script>
<script type="text/javascript" src="../static/js/plugins/jquery-placeholder/jquery.placeholder.min.js"></script>
<script src="../static/js/pages/jquery.slideunlock.js"></script>

<!--微信登录，生成二维码，修改了谷歌浏览器不能使用的bug-->
<script src="../static/js/wxlogin.js"></script>

<!--	微信提供的js，可以生成二维码，测试谷歌浏览器不好使，需要添加属性
    <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
-->
<script>
    $(function () {
        var slider = new SliderUnlock("#slider", {
            successLabelTip: "欢迎访问乐购商城"
        }, function () {
            // alert("验证成功,即将跳转至首页");
            // window.location.href="index.html"
        });
        slider.init();

        // 生成微信二维码，工具类，不是我提供，从腾讯下载的
        // 127.0.0.1/loginServlet
        var obj = new WxLogin({
            id: "weixin",
            appid: "wxddc93348f7d8ffdd",
            scope: "snsapi_login",
            redirect_uri: "http://kuang.free.idcfengye.com/wechat/vxlogin"
        });

    })

</script>
</body>

</html>